<template>
	<view class="exchange-coupon-page">
		<view class="card">
			<view class="title">券码</view>
			<view class="input-box">
				<input type="text" v-model="value" placeholder="请输入劵码" class="input" placeholder-class="placeholder">
			</view>
			<view class="btn" @tap="onSubmit" :class="value != '' ? 'active' : ''">立即兑换</view>
		</view>

		<view class="line-box">
			<image src="@/static/images/icon_4.png" mode="widthFix" class="line-img"></image>
			<text class="text">使用流程</text>
			<image src="@/static/images/icon_5.png" mode="widthFix" class="line-img"></image>
		</view>

		<view class="icon-box">
			<view class="icon-item">
				<image src="@/static/images/icon_1.png" mode="widthFix" class="icon"></image>
				<text class="text">兑换</text>
			</view>
			<view class="icon-item">
				<image src="@/static/images/icon_2.png" mode="widthFix" class="icon"></image>
				<text class="text">选产品</text>
			</view>
			<view class="icon-item">
				<image src="@/static/images/icon_3.png" mode="widthFix" class="icon"></image>
				<text class="text">优惠抵扣</text>
			</view>
		</view>

		<view class="line-box">
			<image src="@/static/images/icon_4.png" mode="widthFix" class="line-img"></image>
			<text class="text">兑换说明</text>
			<image src="@/static/images/icon_5.png" mode="widthFix" class="line-img"></image>
		</view>

		<view class="context">平台不定期开展活动，大量特惠劵码等你来拿～</view>
	</view>
</template>

<script>
	const app = getApp()
	export default {

		data() {
			return {
				value: ''
			}
		},
		async onLoad(options) {

		},
		async onShow() {

		},

		methods: {
			onSubmit() {
				if (this.value) {

				}
			},
		},
	}
</script>

<style lang="scss">
	@import "index.scss";
</style>